<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
>

<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>普惠商城-商城首页-登录页面</title>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/login.css">
	<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
	<style type="text/css">
		.ret_prompt{
			margin-top: 39px;
			width: 250px;
			height: 18px;
			display: block;
			line-height: 18px;
			font-size: 14px;
			color: #ce5242;
			left: 4px;
			bottom: 69px;
			position: absolute;
		}
		.pass_pos{
			position: absolute;
			top:110px;
			left:28px;
			font-size: 12px;
			width:auto;
			z-index:999;
			color:#bababa;
			display: none;
		}
		.user_pos{
			position: absolute;
			top:35px;
			left:28px;
			font-size: 12px;
			width:auto;
			z-index:999;
			color:#bababa;
			display: none;
		}
	</style>
</head>
<body>
	<!-- 登录注册通用页面顶部 -->
	<div class="common_title">
		<a href="普惠商城-商城首页.html"><img src="images/普惠logo最终版.png" alt="" class="logo2"></a>
		<span class="common_txt">欢迎登录普惠商城</span>
	</div>
	<div class="commonbody">
		<div class="common_box">

			<div class="login_box">
				<input type="text" class="inputbox user" placeholder="用户名/邮箱">
				<span class = "ret_prompt user_pos"></span>
				<input type="password" class="inputbox password" placeholder="密码">
				<span class = "ret_prompt pass_pos">以字母开头，长度在6-16之间，只能包含字符、数字和下划线</span>
				<div style="position: relative;">
					<input type="text" class="inputbox yzm" placeholder="输入验证码">
					<span class="get_yzm">获取验证码</span>
					<img src="" class="get_yzm img" alt="图片验证">
                
				</div>

				<input type="button" class="inputbox btn" value="登录" style="font-size: 18px;">
				<div class="login_box_bottom" style="position: relative;">
					<span class = "ret_prompt"></span>
					<span class="login_box_bottom_txt">还没有账号？<a href="普惠商城-商城首页-注册页面.html" class="login_box_bottom_link_1">现在去注册</a></span><a href="普惠商城-商城首页-登录页面-找回密码.html" class="login_box_bottom_link_2">忘记密码？</a>
					<div style="clear: both;"></div>
				</div>
			</div>

		</div>
	</div>
	<!-- 登录注册通用页面顶部 -->
	<div class="foot-banner common">
		<div class="mod_help_list">
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">帮助中心</span>
					<ul class="mod_help_nav_con">
						<li><a href="javascript:void(0);" target="_blank" clstag="">购物中心</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">配送中心</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">支付中心</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">常见问题</a></li>
					</ul>
			</div>
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">售后服务</span>
					<ul class="mod_help_nav_con">
						<li><a href="javascript:void(0);" target="_blank" clstag="">退换货政策</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">退换货流程</a></li>
					</ul>
			</div>
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">关于我们</span>
					<ul class="mod_help_nav_con">
						<li><a href="javascript:void(0);" target="_blank" clstag="">公司介绍</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">普惠商城简介</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">联系客服</a></li>
					</ul>
			</div>
			<div class="mod_help_nav">
				<span class="mod_help_nav_tit">支付方式</span>
					<ul class="mod_help_nav_con">
						<li><a href="javascript:void(0);" target="_blank" clstag="">微信支付</a></li>
						<li><a href="javascript:void(0);" target="_blank" clstag="">支付宝支付</a></li>

					</ul>
			</div>
		</div>	
		<div class="copyright">
			<p>©2016北京普惠联盟商贸有限公司 puhui315.com 京ICP证070791号|京ICP备10211739号|电子公告服务规则</p>
			<p>电子商务经营许可证(京)字第03889号</p>
			<p>京公网安备11010502025545号</p>
			<p style="height: 34px;width:350px;margin:17px auto 25px">
			<a href="javascript:void(0);" class="outlink link-space"><img src="images/foot-1.png" alt=""></a>
			<a href="javascript:void(0);" class="outlink link-space"><img src="images/foot-2.png" alt=""></a>
			<a href="javascript:void(0);" class="outlink"><img src="images/foot-3.png" alt=""></a>
			</p>
		</div>	
	</div>
</body>
<script th:inline="javascript">
$(function(){
	$('.img').css('display','none');
	$('span.get_yzm').click(function(){
		$(this).css('display','none');
		$('.img').css('display','block');
	})
	$('.password').focus(function(){
	    $('.pass_pos').css('display','block');
	})
    $('.password').blur(function(){
        $('.pass_pos').css('display','none');
    })
})
</script>
</html>